<!DOCTYPE html>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<div id="vue">
	<input type="text" v-model="text">
</div>

<script>
var vm = new Vue({
	el: '#vue',
	data: {
		text: 1,
	},
	watch: {
		text: function() {
			console.log('啊啊啊 我被改变了')
		}
	}
})
</script>

<script src="">
// 监听器 watch
// 声明方法 在watch对象里面添加一个成员函数,函数的名称与被监听的字段名称相同
// 作用 当被监听的字段发生改变的时候触发对应的监听器函数

// 监听器课堂练习 
// 1 在页面上创建三个input输入框, 分别绑定a,b,c三个变量, 用用计算属性在页面上显示 (a * b - c + a) * 4 的运算结果
// 2 当a大于10的时候, 提示a不能大于10, 当c小于0的时候, 提示c不能小于0
// 3 当计算结果小于0的时候 提示出错
</script>
